<!-- eslint-disable @typescript-eslint/no-unused-vars -->
<script setup>
import { ref } from 'vue'
import { Search, Empty } from 'vant'
const onSearch = (val) => showToast(val)
const onCancel = () => showToast('取消')
const value = ref()
</script>

<template>
  <form action="/">
    <van-search
      v-model="value"
      show-action
      placeholder="请输入搜索关键词"
      @search="onSearch"
      @cancel="onCancel"
    />
  </form>
  <van-empty
    image="https://fastly.jsdelivr.net/npm/@vant/assets/custom-empty-image.png"
    image-size="80"
    description="空空如也"
  />
</template>

<!-- scope：指当前的样式仅在此页面作用 -->
<style scoped></style>
